<form id="form1" method="post" action="">
    <input type="hidden" name="guardar" value="1" />
    <input type="hidden" name="auditoria" value="{$datos.auditoria}" />
    <input type="hidden" name="auditor" value="{$datos.auditor|default:"0"}" />
    <p>
        <span>Fecha de programacion auditorias:</span> 
        <input type="date" name="fecha_programacion" value="{$datos.fecha_programacion|default:date('Y-m-d')}" />
        <input type="hidden" name="fecha_compromiso" value="{$datos.fecha_compromiso|default:date('Y-m-d')}" />
        <input type="hidden" name="auditar" value="0" />
        <input type="hidden" name="status" value="0" />
        <input id="add" type="button" value="Agregar Area"/>
    </p>
    <h2>Seleccionar Areas a Agregar</h2>
    <p id="areas">
        <select name="areas[]">{$options}</select>
    </p>
    
    <p><input type="submit" class="button" value="Guardar" /></p>
</form>
<script>
$(document).ready(function(){ldelim}
    $('#add').click(function(event){ldelim}
        $('#areas').append("<br /><select name='areas[]'>{$options}</select>");  
    {rdelim})
   
    $('#incidencia').change(function(event){ldelim}
        if($('#nomina').val() == 0 || $('#incidencia').val() == 0){ldelim}
            $('#enviar').attr('disabled','disabled');
        {rdelim}
        else{ldelim}
            $('#enviar').removeAttr('disabled');
        {rdelim}
    {rdelim})
{rdelim});
</script>